*{
    margin:0;
    padding:0;
}
body{
    background-color: #0e141b;
    overflow: hidden;
}
.wrapper{
    width: 100%;
    text-align: center;
}
.wrapper .column,
.wrapper .coln{
    display: inline-block;
    color:rgba(224,230,235,0.89);
    vertical-align: top;
    font-size:86px;
    line-height: 86px;
    font-weight: 300;
}
.column{
    transition: all 300ms ease-in;
}

.coln{
    transform:translateY(calc(50vh - 43px))
}
.first{
    opacity: 1;
    
    text-shadow:0 0 0.2em #fff,
                -0 -0 0.2em #fff;
}
.second{
    opacity: 0.55;
}
.thrid{
    opacity:0.35 ;
}
.four{
    opacity:0.25 ;
}
.five{
    opacity: 0.15;
}